<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Just Believe</title>
<!--// Stylesheets //-->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/color.css" rel="stylesheet" type="text/css" />
<!--[if IE 8 ]><link href="css/iefix.css" rel="stylesheet" type="text/css" /><![endif]-->
<!--// Javascripts //-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/animatedcollapse.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="js/jquery.infinite-carousel.js"></script>
<script type="text/javascript" src="js/scrolltopcontrol.js"></script>
</head>

<body>
<!-- Top Bar Start -->
<div id="top-bar">
	<div class="inner">
    	<!-- Top Bar Posts Start -->
    	<div class="small-posts">
        	<p>Mauris iaculis risus quis mauris vulputate at condimentum massa luctus. <a href="#">Keep Reading</a></p>
        </div>
        <!-- Top Bar Posts End -->
        <!-- Top Links Start -->
        <div class="toplinks">
        	<a href="javascript:animatedcollapse.toggle('loginbox')" class="loginbtn">Login Now</a>
            <!-- Login Box Start -->
            <div id="loginbox">
            	<h3 class="upper">User Login</h3>
                <ul>
                	<li class="name"><input type="text" value="User Name" class="bar" /></li>
                    <li class="password"><input type="password" value="Password" class="bar" /></li>
                </ul>
                <div class="btns-sec">
                	<button class="backcolr dark">Submit</button>
                    <p>Need an Account? <a href="#">Sign Up</a></p>
                </div>
            </div>
            <!-- Login Box End -->
            <!-- Top Links Start -->
            <ul class="top-links">
            	<li><a href="#">Calender</a></li>
                <li><a href="#">Sermons</a></li>
                <li><a href="#">Service</a></li>
                <li><a href="#">Map/Directions</a></li>
                <li><a href="#">Giving</a></li>
            </ul>
            <!-- Top Links End -->
        </div>
        <!-- Top Links End -->
        <div class="clear"></div>
    </div>
</div>
<!-- Top Bar End -->
<!-- Header Start -->
<div id="header">
	<div class="inner">
    	<!-- Top Header Section Start -->
        <div class="top-head">
        	<!-- Logo Start -->
        	<div class="logo">
            	<a href="index.html"><img src="images/logo.png" alt="" /></a>
            </div>
            <!-- Logo End -->
            <!-- Right Section Start -->
            <div class="right-sec">
            	<!-- Search Start -->
            	<div class="search">
                	<h5>Search Now</h5>
                    <ul>
                    	<li><input type="text" class="bar" /></li>
                        <li><input type="button" class="go backcolr" value="Go" /></li>
                    </ul>
                </div>
                <!-- Search End -->
                <!-- Services Start -->
                <div class="service-sec">
                	<h5>Sunday Services</h5>
                    <h5>@ 9:30 &amp; 11:00 am</h5>
                    <p>1521 Hurt Rd, Marietta GA 30008</p>
                </div>
                <!-- Services End -->
            </div>
            <!-- Right Section End -->
        	<div class="clear"></div>
        </div>
        <!-- Top Header Section End -->
        <div class="clear"></div>
        <!-- Navigation Start -->
        <div class="navigation bordercolr">
        	<div id="smoothmenu1" class="ddsmoothmenu">
            	<ul>
                	<li><a href="index.html">Home</a></li>
                    <li><a href="blog.html">Blog</a></li>
                    <li><a href="events.html">Events</a></li>
                    <li class="current-menu-item"><a href="sermons.html">Sermons</a></li>
                    <li><a href="#">Gallery</a>
                    	<ul class="backcolr">
                        	<li><a href="portfolio.html">Gallery - Grid</a></li>
                            <li><a href="portfolio-slideshow.html">Gallery - SlideShow</a></li>
                        </ul>
                    </li>
                    <li><a href="contact.html">Contact Us</a></li>
                    <li><a href="#">Drop Down</a>
                    	<ul class="backcolr">
                        	<li><a href="#">Lorem ipsum</a></li>
                            <li><a href="#">Get connected</a>
                            	<ul>
                                	<li><a href="#">Get involved</a></li>
                                    <li><a href="#">Coming up</a></li>
                                    <li><a href="#">Media</a></li>
                                    <li><a href="#">Gospel</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Get involved</a></li>
                            <li><a href="#">Coming up</a></li>
                            <li><a href="#">Media</a></li>
                            <li><a href="#">Gospel</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Pages</a>
                    	<ul class="backcolr">
                        	<li><a href="index.html">Home</a></li>
                            <li><a href="blog.html">Blog</a></li>
                            <li><a href="blog-detail.html">Blog Detail</a></li>
                            <li><a href="events.html">Events</a></li>
                            <li><a href="sermons.html">Sermons</a></li>
                            <li><a href="#">Gallery</a>
                            	<ul>
                                	<li><a href="portfolio.html">Gallery - Grid</a></li>
                                    <li><a href="portfolio-slideshow.html">Gallery - SlideShow</a></li>
                                </ul>	
                            </li>
                            <li><a href="contact.html">Contact Us</a></li>
                        </ul>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
        </div>
        <!-- Navigation End -->
        <div class="clear"></div>
        <!-- Bread Crumb Start -->
        <div class="breadcrumb">
        	<ul>
            	<li><a href="#">Home</a></li>
                <li><a href="#">Latest Blogs</a></li>
                <li><a href="#">June 2012</a></li>
            </ul>
            <div class="clear"></div>
        </div>
        <!-- Bread Crumb End -->
        <!-- Page Heading Section Start -->
        <div class="pageheading">
        	<div class="textsec">
                <h1 class="colr">Latest Sermons</h1>
                <p class="black">(09 Sermons)</p>
            </div>
            <div class="social">
            	<ul>
                	<li><h2 class="colr">Join Us</h2></li>
                    <li><a href="#" class="tweet-icon">&nbsp;</a></li>
                    <li><a href="#" class="fb-icon">&nbsp;</a></li>
                    <li><a href="#" class="vimeo-icon">&nbsp;</a></li>
                    <li><a href="#" class="lastfm-icon">&nbsp;</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <!-- Page Heading Section End -->
        <div class="clear"></div>
    </div>
</div>
<!-- Header End -->
<!-- Content Section Start -->
<div id="contentsec">
	<div class="inner">
        <!-- Full Width Section Start -->
        <div class="fullwidth box rightbar">
            <!-- Two Third Section Start -->
            <div class="twothird left">
            	<!-- Two Third Section Start -->
                <div class="twothird left">
                    <!-- Sermons Start -->
                    <div class="sermons-list">
                    	<ul>
                        	<li>
                            	<div class="play">
                                	<a href="#">PLAY</a>
                                </div>
                                <div class="desc">
                                	<div class="sermon-detail">
                                    	<h4><a href="#" class="txthover">The Great Omission or the Great Commissiona</a></h4>
                                        <span class="first">Speaker: Mark Vroegop</span>
                                        <span>Series: 6:17-19</span>
                                    </div>
                                    <a href="#" class="buttontwo right">View Detail</a>
                                </div>
                            </li>
                            <li>
                            	<div class="play">
                                	<a href="#">PLAY</a>
                                </div>
                                <div class="desc">
                                	<div class="sermon-detail">
                                    	<h4><a href="#" class="txthover">Adipiscing elitenean ac odio metus.</a></h4>
                                        <span class="first">Speaker: Mark Vroegop</span>
                                        <span>Series: 6:17-19</span>
                                    </div>
                                    <a href="#" class="buttontwo right">View Detail</a>
                                </div>
                            </li>
                            <li>
                            	<div class="play">
                                	<a href="#">PLAY</a>
                                </div>
                                <div class="desc">
                                	<div class="sermon-detail">
                                    	<h4><a href="#" class="txthover">Consectetur adipiscing elitenean acodio metus Consectetur</a></h4>
                                        <span class="first">Speaker: Mark Vroegop</span>
                                        <span>Series: 6:17-19</span>
                                    </div>
                                    <a href="#" class="buttontwo right">View Detail</a>
                                </div>
                            </li>
                            <li>
                            	<div class="play">
                                	<a href="#">PLAY</a>
                                </div>
                                <div class="desc">
                                	<div class="sermon-detail">
                                    	<h4><a href="#" class="txthover">New Adipiscing elitenean ac odio metus.</a></h4>
                                        <span class="first">Speaker: Mark Vroegop</span>
                                        <span>Series: 6:17-19</span>
                                    </div>
                                    <a href="#" class="buttontwo right">View Detail</a>
                                </div>
                            </li>
                            <li>
                            	<div class="play">
                                	<a href="#">PLAY</a>
                                </div>
                                <div class="desc">
                                	<div class="sermon-detail">
                                    	<h4><a href="#" class="txthover">Consectetur adipiscing elitenean acodio metus.</a></h4>
                                        <span class="first">Speaker: Mark Vroegop</span>
                                        <span>Series: 6:17-19</span>
                                    </div>
                                    <a href="#" class="buttontwo right">View Detail</a>
                                </div>
                            </li>
                            <li>
                            	<div class="play">
                                	<a href="#">PLAY</a>
                                </div>
                                <div class="desc">
                                	<div class="sermon-detail">
                                    	<h4><a href="#" class="txthover">New Adipiscing elitenean ac odio metus.</a></h4>
                                        <span class="first">Speaker: Mark Vroegop</span>
                                        <span>Series: 6:17-19</span>
                                    </div>
                                    <a href="#" class="buttontwo right">View Detail</a>
                                </div>
                            </li>
                            <li>
                            	<div class="play">
                                	<a href="#">PLAY</a>
                                </div>
                                <div class="desc">
                                	<div class="sermon-detail">
                                    	<h4><a href="#" class="txthover">The Great Omission or the Great Commissiona</a></h4>
                                        <span class="first">Speaker: Mark Vroegop</span>
                                        <span>Series: 6:17-19</span>
                                    </div>
                                    <a href="#" class="buttontwo right">View Detail</a>
                                </div>
                            </li>
                            <li>
                            	<div class="play">
                                	<a href="#">PLAY</a>
                                </div>
                                <div class="desc">
                                	<div class="sermon-detail">
                                    	<h4><a href="#" class="txthover">The Great Omission or the Great Commissiona</a></h4>
                                        <span class="first">Speaker: Mark Vroegop</span>
                                        <span>Series: 6:17-19</span>
                                    </div>
                                    <a href="#" class="buttontwo right">View Detail</a>
                                </div>
                            </li>
                            <li>
                            	<div class="play">
                                	<a href="#">PLAY</a>
                                </div>
                                <div class="desc">
                                	<div class="sermon-detail">
                                    	<h4><a href="#" class="txthover">The Great Omission or the Great Commissiona</a></h4>
                                        <span class="first">Speaker: Mark Vroegop</span>
                                        <span>Series: 6:17-19</span>
                                    </div>
                                    <a href="#" class="buttontwo right">View Detail</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!-- Event List End -->
                    <!-- Pagination Start -->
                    <div class="pagination">
                    	<ul>
                        	<li><a href="#">Previous</a></li>
                            <li><a href="#" class="active">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li>...</li>
                            <li><a href="#">25</a></li>
                            <li><a href="#">26</a></li>
                            <li><a href="#">Next</a></li>
                        </ul>
                    </div>
                    <!-- Pagination End -->
                </div>
            </div>
            <!-- Two Third Section End -->
            <!-- One Third Section Start -->
            <div class="onethird right">
                <!-- One Third Box Start -->
                <div class="onethird box left">
                    <!-- Recent Posts Widget Start -->
                    <div class="widget recent-post">
                        <h3 class="heading colr">Recent Posts</h3>
                        <p class="black bold">Donec ut nibh tellus. Proin erat urna, luctuseg ementum at, facilisis sed nunc.</p>
                        <ul>
                        	<li><a href="#">Aenean commodo dolor at sapien luctus</a></li>
                            <li><a href="#">Sapien luctus non venenatis</a></li>
                            <li><a href="#">Aenean commodo dolor at sapien luctus</a></li>
                            <li><a href="#">Sapien luctus non venenatis</a></li>
                            <li><a href="#">Aenean commodo dolor at sapien luctus</a></li>
                            <li><a href="#">Sapien luctus non venenatis</a></li>
                        </ul>
                    </div>
                    <!-- Recent Posts Widget End -->
                </div>
                <!-- One Third Box End -->
                <!-- One Third Box Start -->
                <div class="onethird box left">
                	<!-- Facebook Widget Start -->
            		<div class="widget facebook-widget">
                    	<a href="#"><img src="images/facebook.jpg" alt="" /></a>
                    </div>
                    <!-- Facebook Widget Start -->
            	</div>
                <!-- One Third Box End -->
            </div>
            <!-- One Third Section End -->
            <div class="clear"></div>
        </div>
        <!-- Full Width Section Start -->
    </div>
</div>
<!-- Content Section End -->
<!-- Scroller Section Start -->
<div id="scroller-sec">
	<div class="inner">
    	<div class="scroll-sec">
        	<a id="logoPrevious">Previous</a>
            <div id="logoscroll" class="scroller">
            	<ul>
                	<li><a href="#"><img src="images/logo1.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo2.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo3.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo4.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo5.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo1.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo2.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo1.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo2.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo3.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo4.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo5.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo1.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo2.gif" alt="" /></a></li>
                </ul>
            </div>
            <a id="logoNext">Next</a>
        </div>
        <div class="clear"></div>
    </div>
</div>
<!-- Scroller Section End -->
<!-- Footer Start -->
<div id="footer">
	<div class="inner">
    	<!-- Widget PlaceHolder Start -->
        <div class="widget-placeholder">
        	<!-- Text Widget Start -->
        	<div class="widget text-widget">
            	<a href="#"><img src="images/logo-foot.png" alt="" /></a>
                <br />
                <br />
                <p>
                	P.O Box 1234<br />
                    Your City, City Name and Code 12345<br />
                    (800) 12-34567 | Fax: (123) 345-6789<br />
                    Email: <a href="mailto:email@yourcompany.com">Email@yourcompany.com</a><br />
                </p>
            </div>
            <!-- Text Widget End -->
            <!-- Social Network Start -->
            <div class="widget social-network">
            	<h5 class="white">Follow Us</h5>
                <ul>
                	<li><a href="#"><img src="images/tweeter-icon.png" alt="" /></a></li>
                    <li><a href="#"><img src="images/facebook-icon.png" alt="" /></a></li>
                    <li><a href="#"><img src="images/vimeo-icon.png" alt="" /></a></li>
                    <li><a href="#"><img src="images/lastfm-icon.png" alt="" /></a></li>
                    <li><a href="#"><img src="images/myspace-icon.png" alt="" /></a></li>
                </ul>
                <div class="clear"></div>
            </div>
            <!-- Social Network End -->
        </div>
        <!-- Widget PlaceHolder End -->
        <!-- Widget PlaceHolder Start -->
        <div class="widget-placeholder">
        	<!-- Blog Roll Start -->
        	<div class="widget blogroll">
            	<h4 class="white">Blog Roll</h4>
                <ul>
                	<li><a href="#">Child Protection<span>(65)</span></a></li>
                    <li><a href="#">Monthly Sermons Sets<span>(13)</span></a></li>
                    <li><a href="#">Weekly Service<span>(05)</span></a></li>
                    <li><a href="#">About Pastor<span>(02)</span></a></li>
                    <li><a href="#">Blog Admin<span>(01)</span></a></li>
                    <li><a href="#">Videos<span>(12)</span></a></li>
                </ul>
            </div>
            <!-- Blog Roll End -->
        </div>
        <!-- Widget PlaceHolder End -->
        <!-- Widget PlaceHolder Start -->
        <div class="widget-placeholder">
        	<!-- Latest Tweets Start -->
        	<div class="widget latest-tweets">
            	<h4 class="white">Latest Tweets</h4>
                <div class="tweet">
                	<a href="#">@tamasgergocs</a> Thanks for posting the photo, Tamás! Let us know what you think about the book's content! Let us know what you think about the book #smbook
31 day ago
                </div>
                <a href="#" class="follow-tweet">Follow Us On Twitter</a>
            </div>
            <!-- Latest Tweets End -->
        </div>
        <!-- Widget PlaceHolder End -->
        <!-- Widget PlaceHolder Start -->
        <div class="widget-placeholder">
        	<!-- Contact Form Start -->
        	<div class="widget contact-form">
	            <h4 class="white">Latest Tweets</h4>
            	<ul>
                	<li><input type="text" class="bar" value="Name" /></li>
                    <li><input type="text" class="bar" value="Email" /></li>
                    <li><textarea rows="" cols="">Message</textarea></li>
                    <li><button class="backcolr">Submit</button></li>
                </ul>
            </div>
            <!-- Contact Form End -->
        </div>
        <!-- Widget PlaceHolder End -->
        <div class="clear"></div>
    </div>
    <!-- Copyrights Start -->
    <div class="copyrights">
    	<div class="inner">
        	<!-- Copyrights Text Start -->
        	<p>&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
            <!-- Copyrights Text End -->
            <!-- Go To Top Start -->
            <a href="#top" class="top">Back to top</a>
            <!-- Go To Top Start -->
            <div class="clear"></div>
        </div>
    </div>
    <!-- Copyrights End -->
</div>
<!-- Footer End -->
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>